<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="南亚中心标准信息公共服务平台" http-equiv="keywords">
    <meta name="description" content="南亚中心标准信息公共服务平台">
    <meta name="applicable-device" content="pc,mobile">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <meta http-equiv="Cache-Control" content="no-transform"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <title>南亚中心标准信息公共服务平台</title>

    <link rel="stylesheet" href="/static/css/index.css" type="text/css">
    <link rel="stylesheet" type="text/css" href="/static/css/children.css">
    <link rel="stylesheet" href="/static/assets/css/xenon-core.css">
    <link rel="stylesheet" href="/static/assets/js/chosen/chosen.min.css">

    <link href="/static/assets/front/css/bootstrap.css" rel="stylesheet"/>
    <link href="/static/assets/front/css/slick.css" rel="stylesheet"/>
    <link href="/static/assets/front/css/slick-theme.css" rel="stylesheet"/>
    <link href="/static/assets/front/css/style.css" rel="stylesheet"/>

    <script src="/static/assets/front/js/checkform.js"></script>
    <script type="text/javascript" src="/static/assets/front/js/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="/static/js/jquery.SuperSlide.2.1.1.js"></script>
    <script type="text/javascript" src="/static/js/public.js"></script><!-- 菜单js等-->
    <!-- 时间选择js -->
    <script type="text/javascript" src="/static/js/laydate.js"></script>

    <style type="text/css">
        .qr_code_pc_outer {
            color: #717375;
            display: block !important;
            position: fixed;
            right: 20px;
            text-align: center;
            bottom:: 50px;
        }
        .zy_content{
            margin-bottom:0px;
        }
        .zy_left_con{
            padding-bottom:0px;
        }
    </style>
    <style>
        .panel.panel-tabs > .panel-heading .nav-tabs > li:hover > a,
        .panel.panel-tabs > .panel-heading .nav-tabs > li.active > a {
            background-color: #40bbea;
            color: white;
        }

        .panel.panel-tabs > .panel-heading .nav-tabs > li > a {
            background-color: #f5f5ed;
            color: #979893;
        }

        .panel .panel-heading > .panel-options {
            font-size: 14px;
        }
    </style>

    <script type="text/javascript">
                window.onload = function() {
                    $('#biaozhunhao').attr("value",{{ query|safe }});
                    $('#biaozhunbianhao').attr("value",{{ query1|safe }});
                    $('#ebiaozhunmingcheng').attr("value",{{ query2|safe }});
                    $('#cbiaozhunmingcheng').attr("value",{{ query3|safe }});
                }
    </script>
    <script type="text/javascript">
        function downloadbaogao(strs) {
            var biaozhunhaojiequ = strs.slice(3);
            var wz1 = biaozhunhaojiequ.indexOf('第');
            var wz2 = biaozhunhaojiequ.indexOf('部');
            var wz3 = biaozhunhaojiequ.indexOf('：');
            var str = biaozhunhaojiequ.slice(0,wz3);
            var str1 = biaozhunhaojiequ.substring(wz1+1, wz2);
            var str2;
            if(wz3 == -1){
                str2 = biaozhunhaojiequ
            }
            else{
                str2 = str + '_' + str1
            }
            if(str2!=""){
                window.open("{% url 'download' %}?str2="+str2)
                }else{
                    alert("不存在该文件")
                }
            }
    </script>

</head>

<body>

{% block content %}
<div class="topbox bg">
    <div class="wid_main fix">
        <div class="logo l"><img src="/static/images/logo.png" height="90" width="500" alt="logo"/></a></div>
        <div class="search_box l bora_5" style="margin-left: 200px">
            <form action="/toubusousuo/" method="post" class="form-horizontal">
                {% csrf_token %}
                <div class="col-lg-6">
                    <div class="input-group">
                      <input name="guanjianzi" id="guanjianzi" type="text" class="form-control" placeholder="输入搜索关键字">
                      <span class="input-group-btn">
                        <button class="btn" type="submit"></button>
                      </span>
                    </div>
                </div>
            </form>
        </div>

        <div class="r" style="margin-top:60px;">
            <a href="{% url 'login' %}" style="color:white; font-size:16px;">登录</a>
        </div>
    </div>
</div>
<!-- top end -->

<!-- 主体内容框 -->
<div class="contentbox wid_main bora_5">
    <div class="content">
        <div class="top_nav bg bora_5">
            <ul class="fix">
                <li class="cur">
                    <a href="{% url 'index_front' %}">首 页</a>
                </li>

                <li>
                    <a>走进标所</a>
                    <ul>
                        <li><a href="{% url 'danweijianjie' %}">单位简介</a></li>
                        <li><a href="{% url 'jibengaikuang' %}">基本概况</a></li>
                        <li><a href="{% url 'lianxiwomen' %}">联系我们</a></li>
                    </ul>
                </li>

                <li>
                    <a>信息公告</a>
                    <ul>
                        <li><a href="{% url 'information_service' %}?data=BZXW">标准新闻</a></li>
                        <li><a href="{% url 'information_service' %}?data=BZGG">标准公告</a></li>
                        <li><a href="{% url 'information_service' %}?data=ZCFG">政策法规</a></li>
                        <li><a href="{% url 'information_service' %}?data=WTOTB">WTO/TBT通报</a></li>
                    </ul>
                </li>

                <li>
                    <a>标准检索</a>
                    <ul>
                        <li><a href="{% url 'quality_search' %}">国外标准检索与浏览</a></li>
                        <li><a href=" ">国内标准检索与浏览</a></li>
                        <li><a href="{% url 'biaozhunxiazai' %}">标准下载</a></li>
                    </ul>
                </li>

                <li>
                    <a>标准翻译与比对</a>
                    <ul>
                        <li><a href=" ">国外标准翻译</a></li>
                        <li><a href=" ">标准技术指标比对</a></li>
                        <li><a href=" ">报告生成与分析</a></li>
                    </ul>
                </li>

                <li>
                    <a>标准数据库</a>
                    <ul>
                        <li><a href="{% url 'shujutongji' %}">标准数据统计分析</a></li>
                    </ul>
                </li>

                <li>
                    <a target="_self" href="{% url 'login' %}">后台登录</a>
                </li>
            </ul>
        </div>

        <div class="gonggao bdb_d fix">
            <div class="txtScroll-top l fix zy_cur">
                <div class="l tit"><img src="/static/images/icon_location.png"><b class="dib vm">当前位置：</b></div>
                <p class="l"><a>首页</a><a>标准检索</a><span>国外标准检索与浏览</span></p>
            </div>
            <!-- 时间 -->
            <div class="timebox fc r">
                <script type="text/javascript" src="/static/js/show_date.js"></script>
            </div>
        </div>

        <!-- 子页内容框 -->
        <div class="zy_contentbox">
            <!-- zy_content -->
            <div class="zy_content fix">
                <!-- 左边栏 -->
                <div class="zy_left_con">
                    <!-- 二级菜单 -->
                    <div class="zy_twonav">
                        <h2 class="tit">标准检索</h2>
                        <ul>
                            <li class="cur"><a href="{% url 'quality_search' %}">国外标准检索与浏览</a></li>
                            <li><a href=" ">国内标准检索与浏览</a></li>
                            <li><a href="{% url 'biaozhunxiazai' %}">标准下载</a></li>
                        </ul>
                    </div>
                </div>

                <!-- 右边内容 if ($('#shengchandanwei').val() == '' && $('#chouchadanwei').val() == '') -->
                <div class="zy_right_con">
                    <!-- 当前位置 -->
                    <div class="zy_title fix">
                        <h2>国外标准检索与浏览<i></i></h2>
                    </div>
                    <div class="panel-body">
                        <div class="null">
                            <div class="tab-pane" id="tab-3">
                                <div class="row">
                                    <div style="margin-top: 30px">
                                        <form method="post" action="/quality_advancedsearch/" class="form-horizontal" id="search_form3">
                                            {% csrf_token %}
                                            <div class="form-group">

                                                <label class="col-sm-2 control-label" for="biaozhunhao" style="font-size: 16px;margin-right: 10px"> 标准号：</label>
                                                <div class="col-sm-3">
                                                    <input type="text" class="form-control" name="biaozhunhao" id="biaozhunhao" placeholder="输入您要查询的标准编号" />
                                                </div>

                                                <label class="col-sm-2 control-label" for="biaozhunbianhao" style="font-size: 16px;margin-right: 10px"> 标准编号：</label>
                                                <div class="col-sm-3">
                                                    <input type="text" class="form-control" name="biaozhunbianhao" id="biaozhunbianhao" placeholder="输入您要查询的标准编号" />
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label class="col-sm-2 control-label" for="ebiaozhunmingcheng" style="font-size: 16px;margin-right: 10px">标准名称（英文）:  </label>
                                                <div class="col-sm-3">
                                                    <input type="text" class="form-control"
                                                           name="ebiaozhunmingcheng" id="ebiaozhunmingcheng" placeholder="输入您要查询的英文标准名称" />
                                                </div>
                                                <label class="col-sm-2 control-label" for="cbiaozhunmingcheng" style="font-size: 16px;margin-right: 10px">标准名称（中文）:  </label>
                                                <div class="col-sm-3">
                                                    <input type="text" class="form-control"
                                                           name="cbiaozhunmingcheng" id="cbiaozhunmingcheng" placeholder="输入您要查询的中文标准名称" />
                                                </div>
                                            </div>

                                            <div class="col-sm-10">
                                                <button class="btn btn-secondary" id="submit3" type="button" style="float:right;font-size: 18px;width: 90px;height:40px">搜索</button>
                                                <label class="col-sm-2 control-label" style="width:180px; font-size: 15px;float: right;margin-right: 20px; margin-top:5px;">请填写至少一项搜索条件</label>
                                            </div>

                                        </form>
                                        <script>
                                            $('#submit3').click(function () {
                                                if ($('#shengchandanwei').val() == '' && $('#chouchadanwei').val() == '') {
                                                    alert('请输入查询条件！');
                                                } else {
                                                    $('#search_form3').submit();
                                                }
                                            })
                                        </script>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>


<!--            style="margin-left:300px;"-->
            <div class="panel-body">
            {% if products is not null %}

                <hr />
                    <script type="text/javascript">
                        jQuery(document).ready(function ($) {
                            $("#example-1").dataTable({
                                searching: false,
                                aLengthMenu: [
                                    [10, 25, 50, 100, -1], [10, 25, 50, 100, "全部"]
                                ],
                                language: {
                                    "info": "显示_START_至_END_项结果，共_TOTAL_项（最多显示500项）",
                                    "search": "搜索:",
                                    "paginate": {"previous": "上一页", "next": "下一页"},
                                    "lengthMenu": "显示 _MENU_ 项",
                                    "zeroRecords": "抱歉，没有找到符合条件的记录"
                                },
                            });
                            $("#example-1").wrapAll("<div style='overflow-x:scroll'>");
                        });
                    </script>
                    <table id="example-1" class="table table-striped table-bordered" cellspacing="0"
                           style="white-space: nowrap">
                        <thead>
                        <tr>
                            <th>标准下载</th>
                            <th>标准号</th>
                            <th>标准编号</th>
                            <th>英文标准名称</th>
                            <th>中文标准名称</th>
                        </tr>
                        </thead>

                        <tbody>
                        {% for record in products %}
                            <tr>
                                <td align="center"><button class="btn btn-secondary" id="xiazai" onclick="downloadbaogao('{{ record.standard }}')">下载</button></td>
                                <td>{{ record.standardcode }}</td>
                                <td>{{ record.standard }}</td>
                                <td>{{ record.title1 }}</td>
                                <td>{{ record.title2 }}</td>
                            </tr>

                        {% endfor %}

                        </tbody>
                    </table>
                {% endif %}
            </div>
        </div>


        <!-- 友情链接 -->
        <div class="link_more">
            <h3>【友情链接】</h3>
            <div class="box1">
                <a href="http://www.samr.gov.cn/">国家市场监督管理总局</a>
                <span>|</span>
                <a href="http://www.sac.gov.cn/">国家标准化管理委员会</a>
                <span>|</span>
                <a href="http://std.samr.gov.cn/">全国标准信息公共服务平台</a>
                <span>|</span>
                <a href="https://www.qybz.org.cn/">企业标准信息公共服务平台</a>
                <span>|</span>
                <a href="http://www.ttbz.org.cn/">全国团体标准信息平台</a>
                <span>|</span>
                <a href="https://www.cnis.ac.cn/pcindex/">中国标准化研究院</a>
            </div>
            <script type="text/javascript">
                function mbar(sobj) {
                    var docurl = sobj.options[sobj.selectedIndex].value;
                    if (docurl != "") {
                        open(docurl, '_blank');
                        sobj.selectedIndex = 0;
                        sobj.blur();
                    }
                }
            </script>
        </div>

            </div>
        </div>
    </div>
</div>
{% endblock %}

<!-- 返回顶部 -->
<div class="side_box">
    <ul>
        <li class="sidetop">
            <span></span>
        </li>
    </ul>
</div>

<!-- 底部 -->
<div class="footerbox bg">
    <div class="wid_main fix">
        <div class="l txt">
            <p style="color:white;">版权所有：中国标准化研究院 &nbsp;&nbsp;&nbsp;地址：北京市海淀区知春路4号</p>
        </div>
    </div>
</div>

<link rel="stylesheet" href="/static/assets/js/datatables/dataTables.bootstrap.css">
<link rel="stylesheet" type="text/css" href="/static/assets/css/datepicker3.css">
<script type="text/javascript" src="/static/assets/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="/static/assets/front/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/static/assets/front/js/respond.src.js"></script>
<script type="text/javascript" src="/static/assets/front/js/maodian.0.2.js"></script>
<script type="text/javascript" src="/static/assets/front/js/slick.min.js"></script>
<script src="/static/assets/js/datatables/js/jquery.dataTables.min.js"></script>
<script src="/static/assets/js/datatables/dataTables.bootstrap.js"></script>
<script src="/static/assets/js/datatables/yadcf/jquery.dataTables.yadcf.js"></script>
<script src="/static/assets/js/datatables/tabletools/dataTables.tableTools.min.js"></script>
<script type="text/javascript" src="/static/assets/js/chosen/chosen.jquery.js"></script>

<!--公用end-->

<script src="/static/assets/js/devexpress-web-14.1/js/globalize.min.js"></script>
<script src="/static/assets/js/devexpress-web-14.1/js/dx.viz.js"></script>
<script type="text/javascript" src="/static/assets/front/js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="/static/assets/front/js/public.js"></script>

</body>
</html>
